<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>任务2</title>
  </head>
  <body>
    <main id="main">
      <h1 id="title">问卷调查</h1>
      <p id="description">谢谢参与问卷调查</p>
      <form action="http://www.baidu.com" id="survey-form" method="POST">
        <label for="name" id="name-label">
          请输入名字
          <input
            type="text"
            id="name"
            name="name"
            placeholder="input your name"
            required
          />
        </label>
        <label for="email" id="email-label">
          请输入邮箱
          <input
            type="email"
            id="email"
            name="email"
            placeholder="input your email"
            required
          />
        </label>
        <label for="number" id="number-label">
          请输入年龄
          <input
            min="10"
            max="100"
            type="number"
            id="number"
            name="number"
            placeholder="age"
            required
          />
        </label>
        <select name="" id="dropdown">
          <option value="1">1</option>
          <option value="2">2</option>
        </select>
        <fieldset>
          <legend>是否推荐本网站</legend>
          <input type="radio" name="recommend" id="yes" value="1" />
          <label for="yes">是的</label>
          <input type="radio" name="recommend" id="no" value="0" />
          <label for="no">拒绝</label>
        </fieldset>
        <fieldset>
          <legend>你喜欢哪个编程语言</legend>
          <label for="python">
            <input type="checkbox" value="python" name="check" id="python" />
            python
          </label>
          <label for="java">
            <input type="checkbox" value="java" name="check" id="java" />
            java
          </label>
          <label for="js">
            <input type="checkbox" value="js" name="check" id="js" />
            js
          </label>
          <label for="c++">
            <input type="checkbox" value="c++" name="check" id="c++" />
            c++
          </label>
        </fieldset>

        <label for="textarea">
          意见
          <textarea name="" id="textarea" cols="30" rows="10"></textarea>
        </label>
        <button type="submit" id="submit">提交</button>
      </form>
    </main>
  </body>
  <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</html>
